<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="../../common/taglib.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//Dth HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dth">
<html>
<head>
<title>${good.name}</title>
<link rel="stylesheet" type="text/css" href="${ctx}/resources/js/jquery-easyui-1.3.3/themes/bootstrap/easyui.css">
<link rel="stylesheet" type="text/css" href="${ctx}/resources/js/jquery-easyui-1.3.3/themes/icon.css">
<script type="text/javascript" src="${ctx}/resources/js/jquery-easyui-1.3.3/jquery.easyui.min.js"></script>
</head>
<body>
<script type="text/javascript">
          region.isAdmin = false;
                    var consignee_not_null = "收货人姓名不能为空！";
                    var country_not_null = "请您选择收货人所在国家！";
                    var province_not_null = "请您选择收货人所在省份！";
                    var city_not_null = "请您选择收货人所在城市！";
                    var district_not_null = "请您选择收货人所在区域！";
                    var invalid_email = "您输入的邮件地址不是一个合法的邮件地址。";
                    var address_not_null = "收货人的详细地址不能为空！";
                    var tele_not_null = "电话不能为空！";
                    var shipping_not_null = "请您选择配送方式！";
                    var payment_not_null = "请您选择支付方式！";
                    var goodsattr_style = "1";
                    var tele_invaild = "电话号码不有效的号码";
                    var zip_not_num = "邮政编码只能填写数字";
                    var mobile_invaild = "手机号码不是合法号码";
          
          
          onload = function() {
            if (!document.all)
            {
              document.forms['theForm'].reset();
            }
          }

          function selectShipping(obj){
        	  $("express").val($(obj).val());
              }

          function selectShipping(obj){
        	  $("distributor").val($(obj).val());
              }

          function selectShipping(obj){
        	  $("payMode").val($(obj).val());
              }
        </script>

<div class="modal-content" style="margin: 20px 40px;">
<div class="modal-header">
<h4>商品列表</h4>
</div>
<div class="modal-body">
<table class="table table-striped">
	<thead>
		<tr>
			<th>#</th>
			<th style="text-align: center;">商品名称</th>
			<th>属性</th>
			<th>市场价</th>
			<th>本店价</th>
			<th>购买数量</th>
			<th>小计</th>
		</tr>
	</thead>
	<tbody>
		<c:forEach items="${SHOPCAR}" var="item" varStatus="i">
			<tr>
				<td style="vertical-align: middle;">${i.index + 1}</td>
				<td align="center" style="vertical-align: middle;"><a
					href="${ctx}/good/detail/${item.goodId}" target="_blank"><img
					src="${ctx}/resources/images/pic/01.jpg" width="50px" height="50px"
					border="0" title="P806" /></a><br />
				<a href="${ctx}/good/detail/${item.goodId}" target="_blank"
					class="f6">${item.goodsInfo.code }</a></td>
				<td style="vertical-align: middle;">颜色:灰色 <br />
				配件:数据线[20] <br />
				</td>
				<td style="vertical-align: middle;">￥${item.goodsInfo.srcPrice}元</td>
				<td style="vertical-align: middle;">￥${item.goodsInfo.shopPrice}元</td>
				<td style="vertical-align: middle;">${item.count }</td>
				<td style="vertical-align: middle;">￥4040.00元</td>
			</tr>
		</c:forEach>
	</tbody>
</table>
</div>
<div class="modal-footer">
<div class="fl">购物金额小计 ￥4040.00元，比市场价 ￥4840.00元 节省了 ￥800.00元 (17%)
</div>
<a href="${ctx}" class="btn btn-success">继续购物</a></div>
</div>

<form action="importance" method="post" name="theForm" id="theForm"
	onsubmit="return checkConsignee(this)">
<div class="modal-content" style="margin: 20px 40px;">
<div class="modal-header">
<h4>配送区域</h4>
</div>
<div class="modal-body">
<div class="row">
<div class="col-xs-1"><label>配送区域</label> <br />
(必填)</div>
<div class="col-xs-2"><select name="area1" class="form-control"
	id="selCountries_0"
	onchange="region.changed(this, 1, 'selProvinces_0')">
	<option value="0">请选择国家</option>
	<option value="1" selected>中国</option>
</select></div>
<div class="col-xs-2"><select name="area2" class="form-control"
	id="selProvinces_0" onchange="region.changed(this, 2, 'selCities_0')">
	<option value="0">请选择省</option>
	<option value="2" selected>北京</option>
	<option value="3">安徽</option>
	<option value="4">福建</option>
	<option value="5">甘肃</option>
	<option value="6">广东</option>
	<option value="7">广西</option>
	<option value="8">贵州</option>
	<option value="9">海南</option>
	<option value="10">河北</option>
	<option value="11">河南</option>
	<option value="12">黑龙江</option>
	<option value="13">湖北</option>
	<option value="14">湖南</option>
	<option value="15">吉林</option>
	<option value="16">江苏</option>
	<option value="17">江西</option>
	<option value="18">辽宁</option>
	<option value="19">内蒙古</option>
	<option value="20">宁夏</option>
	<option value="21">青海</option>
	<option value="22">山东</option>
	<option value="23">山西</option>
	<option value="24">陕西</option>
	<option value="25">上海</option>
	<option value="26">四川</option>
	<option value="27">天津</option>
	<option value="28">西藏</option>
	<option value="29">新疆</option>
	<option value="30">云南</option>
	<option value="31">浙江</option>
	<option value="32">重庆</option>
	<option value="33">香港</option>
	<option value="34">澳门</option>
	<option value="35">台湾</option>
</select></div>
<div class="col-xs-2"><select name="area3" class="form-control"
	id="selCities_0" onchange="region.changed(this, 3, 'selDistricts_0')">
	<option value="0">请选择市</option>
	<option value="52" selected>北京</option>
</select></div>
<div class="col-xs-2"><select name="area4" class="form-control"
	id="selDistricts_0">
	<option value="0">请选择区</option>
	<option value="500" selected>东城区</option>
	<option value="501">西城区</option>
	<option value="502">海淀区</option>
	<option value="503">朝阳区</option>
	<option value="504">崇文区</option>
	<option value="505">宣武区</option>
	<option value="506">丰台区</option>
	<option value="507">石景山区</option>
	<option value="508">房山区</option>
	<option value="509">门头沟区</option>
	<option value="510">通州区</option>
	<option value="511">顺义区</option>
	<option value="512">昌平区</option>
	<option value="513">怀柔区</option>
	<option value="514">平谷区</option>
	<option value="515">大兴区</option>
	<option value="516">密云县</option>
	<option value="517">延庆县</option>
</select></div>
</div>
<div class="row">
<div class="col-xs-1"><label>收货人姓名</label> <br />
(必填)</div>
<div class="col-xs-3"><input name="name" type="text"
	class="form-control" id="consignee_0" value="123" /></div>
<div class="col-xs-1">&nbsp;</div>
<div class="col-xs-1"><label>电子邮件地址</label> <br />
(必填)</div>
<div class="col-xs-3"><input name="email" type="text"
	class="form-control" id="email_0" value="123@123.com" /></div>
</div>
<div class="row">
<div class="col-xs-1"><label>详细地址</label> <br />
(必填)</div>
<div class="col-xs-3"><input name="detailAddress" type="text"
	class="form-control" id="address_0" value="123" /></div>
<div class="col-xs-1">&nbsp;</div>
<div class="col-xs-1"><label>邮政编码</label></div>
<div class="col-xs-3"><input name="post" type="text"
	class="form-control" id="zipcode_0" value="123" /></div>
</div>
<div class="row">
<div class="col-xs-1"><label>电话</label> <br />
(必填)</div>
<div class="col-xs-3"><input name="tel" type="text"
	class="form-control" id="tel_0" value="123" /></div>
<div class="col-xs-1">&nbsp;</div>
<div class="col-xs-1"><label>手机</label></div>
<div class="col-xs-3"><input name="mobile" type="text"
	class="form-control" id="mobile_0" value="123" /></div>
</div>

<div class="row">
<div class="col-xs-1"><label>标志建筑</label></div>
<div class="col-xs-3"><input name="markBuild" type="text"
	class="form-control" id="sign_building_0" value="3123" /></div>
<div class="col-xs-1">&nbsp;</div>
<div class="col-xs-1"><label>最佳送货时间</label></div>
<div class="col-xs-3"><input name="betterSendTime" type="text"
	class="form-control" id="best_time_0" value="123" /></div>
</div>
</div>
</div>

<div class="modal-content" style="margin: 20px 30px;">
<div class="modal-header"><span
	style="font-size: 14px; font-weight: bold; color: #ddd;"> 配送方式 </span>
</div>
<div class="modal-body">
<table class="table table-striped">
	<thead>
		<tr>
			<th width="5%">#</th>
			<th style="text-align: center;" width="25%">名称</th>
			<th style="text-align: center;">订购描述</th>
			<th style="text-align: center;" width="15%">费用</th>
			<th style="text-align: center;" width="15%">免费额度</th>
			<th style="text-align: center;" width="15%">保价费用</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td valign="middle"><input name="shipping" type="radio"
				id="shipping_method_5" value="5" supportCod="0" insure="0"
				onclick="selectShipping(this)" /></td>
			<td align="center" valign="middle"><label
				for="shipping_method_5">申通快递</label></td>
			<td align="center" valign="middle">江、浙、沪地区首重为15元/KG，其他地区18元/KG，
			续重均为5-6元/KG， 云南地区为8元</td>
			<td align="center" valign="middle">￥15.00元</td>
			<td align="center" valign="middle">￥0.00元</td>
			<td align="center" valign="middle">不支持保价</td>
		</tr>
		<tr>
			<td valign="middle"><input name="shipping" type="radio"
				id="shipping_method_3" value="3" supportCod="1" insure="0"
				onclick="selectShipping(this)" /></td>
			<td align="center" valign="middle"><label
				for="shipping_method_3">城际快递</label></td>
			<td align="center" valign="middle">配送的运费是固定的</td>
			<td align="center" valign="middle">￥10.00元</td>
			<td align="center" valign="middle">￥100000.00元</td>
			<td align="center" valign="middle">不支持保价</td>
		</tr>
		<tr>
			<td valign="middle"><input name="shipping" type="radio"
				id="shipping_method_6" value="6" supportCod="0" insure="0"
				onclick="selectShipping(this)" /></td>
			<td align="center" valign="middle"><label
				for="shipping_method_6">邮局平邮</label></td>
			<td align="center" valign="middle">邮局平邮的描述内容。</td>
			<td align="center" valign="middle">￥3.50元</td>
			<td align="center" valign="middle">￥50000.00元</td>
			<td align="center" valign="middle">不支持保价</td>
		</tr>
		<tfoot>
			<tr>
				<td colspan="6" align="right"><label for="ECS_NEEDINSURE">
				<input name="express" type="hidden"	id="express"/>
				<label class="checkbox-inline"> <input name="need_insure"
					id="ECS_NEEDINSURE" type="checkbox"
					onclick="selectInsure(this.checked)" value="1" disabled="true" />
				配送是否需要保价 </label></td>
			</tr>
		</tfoot>
		<tbody>
</table>
</div>
</div>

<div class="modal-content" style="margin: 20px 30px;">
<div class="modal-header"><span
	style="font-size: 14px; font-weight: bold; color: #ddd;"> 支付方式 </span>
</div>
<div class="modal-body">
<table class="table table-striped" id="paymentTable">
	<thead>
		<tr>
			<th width="5%">#</th>
			<th style="text-align: center;" width="20%">名称</th>
			<th style="text-align: center;">订购描述</th>
			<th style="text-align: center;" width="15%">手续费</th>
		</tr>
	</thead>
	<tbody>

		<tr>
			<td valign="middle"><input type="radio" name="payment"
				id="payment_2" value="2" isCod="0" onclick="selectPayment(this)" /></td>
			<td align="center" valign="middle"><label for="payment_2">银行汇款/转帐</label></td>
			<td align="center" valign="middle">银行名称 收款人信息：全称 ××× ；帐号或地址 ×××
			；开户行 ×××。 注意事项：办理电汇时，请在电汇单“汇款用途”一栏处注明您的订单号。</td>
			<td align="center" valign="middle">￥0.00元</td>
		</tr>

		<tr>
			<td valign="middle"><input type="radio" name="payment"
				id="payment_3" value="3" isCod="1" onclick="selectPayment(this)"
				disabled="true" /></td>
			<td align="center" valign="middle"><label for="payment_3">货到付款</label></td>
			<td align="center" valign="middle">开通城市：××× 货到付款区域：×××</td>
			<td align="center" valign="middle"><span id="ECS_CODFEE">￥0.00元</span></td>
		</tr>
</table>
</div>
<div class="modal-footer">
				<input name="distributor" type="hidden"	id="distributor"/>
				<input name="payMode" type="hidden"	id="payMode"/>
			<button type="submit" class="btn btn-info btn-lg">
				<i class="glyphicon glyphicon-ok-circle"></i>
				提 交			</button>
		</div>
</div>
</form>

</body>
</html>
